<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
      }
      #content {
        width: 980px;
        background: url(images/login_bg.gif) no-repeat;
        background-size: 100%;
        margin: auto;
        overflow: auto;
      }

      #left {
        margin-top: 70px;
        float: left;
      }

      #right {
        margin-top: 70px;
        float: right;
      }

      table tr {
        height: 40px;
      }

      table tr :nth-child(2n + 1) {
        text-align: right;
      }
    </style>
  </head>

  <body>
    <div style="width: 1024px; margin: auto">
      <iframe
        src="head.html"
        frameborder="0"
        width="1024"
        scrolling="no"
      ></iframe>
      <div id="content">
        <div id="left">
          <table>
            <tr>
              <td>名字:</td>
              <td><input type="text" /></td>
            </tr>
            <tr>
              <td>姓氏:</td>
              <td><input type="text" /></td>
            </tr>
            <tr>
              <td>登录名:</td>
              <td><input type="text" />(可包含a-z丶0-9和下划线)</td>
            </tr>
            <tr>
              <td>密码:</td>
              <td><input type="text" />(至少包含6个字符)</td>
            </tr>
            <tr>
              <td>再次输入密码:</td>
              <td><input type="text" /></td>
            </tr>
            <tr>
              <td>电子邮箱:</td>
              <td><input type="text" />(必须包含@字符)</td>
            </tr>
            <tr>
              <td>性别:</td>
              <td>
                <input type="radio" />
                <img src="images/Male.gif" alt="" /> 男
                <input type="radio" />
                <img src="images/Female.gif" alt="" /> 女
              </td>
            </tr>
            <tr>
              <td>头像</td>
              <td><input type="file" name="" id="" /></td>
            </tr>
            <tr>
              <td>爱好</td>
              <td>
                <input type="checkbox" name="" id="" />运动
                <input type="checkbox" name="" id="" />聊天
                <input type="checkbox" name="" id="" />玩游戏
              </td>
            </tr>
            <tr>
              <td>出生日期</td>
              <td>
                <input type="text" name="" id="" value="yyyy" />年
                <select name="" id="">
                  <option value="">选择月份</option>
                  <option value="">1</option>
                  <option value="">2</option>
                  <option value="">3</option>
                  <option value="">4</option>
                </select>
                <input type="text" name="" id="" value="dd" />日
              </td>
            </tr>
            <tr>
              <td></td>
              <td colspan="2" align="center">
                <img src="images/submit.gif" alt="" /><img
                  src="images/reset.gif"
                  alt=""
                />
              </td>
            </tr>
          </table>
        </div>
        <div id="right">
          <p><img src="images/read.gif" alt="" /> 阅读贵美网服务协议</p>
          <textarea name="" id="" cols="50" rows="20">
                务协议具有合同效力。
                贵美的权利和义务
                1.贵美有义务在现有技术上维护整个网上交易平台的正常运行，并努力提升和改进技术，使用户网上交易活动的顺利。
                2.对用户在注册使用贵美网上交易平台中所遇到的与交易或注册有关的问题及反映的情况，贵美应及时作出回复。
                3.对于在贵美网网上交易平台上的不当行为或其它任何贵美认为应当终止服务的情况，贵美有权随时作出删除相关信息、终止服务提供等
                处理，而无须征得用户的同意。4.因网上交易平台的特殊性，贵美没有义务对所有用户的注册资料、所有的交易行为以及
            </textarea
          >
        </div>
      </div>
      <iframe
        src="footer.html"
        frameborder="0"
        width="1024"
        scrolling="no"
      ></iframe>
    </div>
  </body>
</html>
